<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Main.Master" Inherits="System.Web.Mvc.ViewPage<ProjectDetailView>"
    AutoEventWireup="true" %>

<%@ Import Namespace="good1.ApplicationServices.Dto" %>

<asp:Content ID="Content4" ContentPlaceHolderID="titleContent" runat="server">
    Map for '<%= ViewData.Model.Title%>'
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="toptone" runat="server">
    <% Html.RenderPartial("TabLinks", ViewData); %>

    <h1 class="about-heading">
       Project Map for <%= ViewData.Model.Title%> </h1>
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="mainContentPlaceHolder" runat="server">
    <div>
        <span id="project_name"></span><span> in </span><span id="mapName"></span>
    </div>
    <div id="map" class="project_map">
    </div>
    <div>
        <p id="info">
        </p>
    </div>
    <div style="clear: both;">
    </div>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="headContentPlaceHolder" runat="server">

   
    <%= Html.GetScript("googlemaps.show.js")%>

    <script type="text/javascript">
        google.load("maps", "2");

        //http://mikehadlow.blogspot.com/2008/10/using-google-maps-with-mvc-framework.html
        // make a json request to get the map data from the Map action
        $(function() {
            if (google.maps.BrowserIsCompatible()) {
                //$.getJSON("http://" + window.location.host + "/Home/Map", initialise);
                $("#project_name").text("<%=Model.Title%>");
                $.getJSON("/Locations/Map/<%=Model.LocationId%>/<%=Model.Title%>", initialiseFromLocation);
            }
        });


    </script>
    
    
   
    <%= Html.ScriptForTabFocus("#tab-map")%>


</asp:Content>

